  <div class="container" id="search">
    <div class="row-fluid">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <div style="margin: 5px">Search by Name or Email or Phone</div>
            <div class="input-group" id="search-box">
                <span class="input-group-addon sharp"><span class="glyphicon glyphicon-search"></span></span>
                <input class="form-control sharp" data-ng-class="{ loading : fetchInProgress == true}" data-auto-focus="true"
                       name="searchCriteria" data-ng-model="searchCriteria" placeholder="Enter at least 3 characters" />
            </div>
            <span></span>
            <div class="alert-warning" data-ng-show="searchCriteria.length >=1 && searchCriteria.length <= 2"><small>Too short! Enter at least 3 characters</small></div>
            <div growl></div>
            <a href="#detailedInfo/{{member.memberId}}" ng-repeat="member in members">
                <div class="thumbnail shadow sharp">
                    <h4>{{member.contact.name}}</h4>
                    <h6>{{member.contact.email}}</h6>
                    <h6>{{member.contact.phoneNos}}</h6>
                    <span class="label label-primary" ng-repeat="practice in member.practices">{{practice}}</span>
                </div>
            </a>
        </div>
    </div>
  </div>
